<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsonTemplate1</title>
<!--    在HTML中使用axios-->
    <!--    2.1 使用 jsDelivr CDN:-->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <!--    2.2 使用 unpkg CDN:-->
    <!--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <!--    2.3 使用Boot CDN-->
    <!--    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>-->
    <!--    2.4 下载 axios.min.js文件然后本地导入：-->
    <!--    首先访问axios的GitHub：axios/axios: Promise based HTTP client for the browser and node.js (github.com)-->
</head>
<body>
    <div>
        <form>
            账号:<input type="text" name="id"><br>
            密码:<input type="password" name="password"><br>
            性别:<input type="radio" name="gender" value="男" checked>男
                <input type="radio" name="gender" value="女">女<br>
            爱好:<input type="checkbox" name="hobby" value="篮球">篮球
                <input type="checkbox" name="hobby" value="足球">足球
                <input type="checkbox" name="hobby" value="排球">排球<br>
            国家:<select name="country">
                <option value="中国">中国</option>
                <option value="美国">美国</option>
                <option value="韩国">韩国</option>
            </select><br>
            <label>个人简介:</label><br>
            <textarea rows="10" cols="30" name="text">
            </textarea><br>
            <button type="button" onclick="btn()">提交</button>
        </form>
    </div>
<script>
    function btn(){
        axios.post('http://localhost:8080/formTest').then(res=>{
            console.log(res)
        }).catch(err=>{
            console.log(err)
        })
    }

</script>


</body>
</html>